<template>
    <div class="admin-mask" v-show="bShow" :style="{
        backgroundColor: bgColor
    }" @click="closeMask">
    </div>
</template>
<script>
import { mapState } from 'vuex'
export default {
    name: 'admin-mask',
    data() {
        return {}
    },
    computed: {
        ...mapState('adminShell/adminMask', ['bShow', 'bgColor'])
    },
    methods: {
        closeMask() {
            this.$emit('bindCloseMask')
        }
    }
}
</script>
<style lang="less">
.admin-mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
}
</style>